#app {
    // 主体区域
    background: #F9FAFC;
    .main-container {
        min-height: 98%;
        transition: margin-left .28s;
        //margin:0 15px;
        position: relative;
    }
    .nav-s {
        overflow-y: auto;
        overflow-x: hidden;
        color: #fff;
        /*border-radius:0 4px 4px 0;*/
        position: relative;
        padding: 0px 5px;
        width: 224px;
        background: #fdf5ea;
    }
    .nav-s_black {
        background: #2e2e2e!important;
    }
    .sidebar-container {
        transition: width 0.28s;
        position: absolute;
        display: flex;
        width: $sideBarWidth !important;
        top: 0px;
        bottom: 0;
        left: 0px;
        z-index: 1001;
        overflow: hidden;
        padding-bottom: 36px;
        .horizontal-collapse-transition {
            transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
        }
        .scrollbar-wrapper {
            overflow-x: hidden!important;
            .el-scrollbar__view {
                height: 100%;
            }
        }
        .is-horizontal {
            display: none;
        }
        a {
            display: inline-block;
            width: 100%;
            overflow: hidden;
        }
        .svg-icon {
            margin-right: 16px;
        }
        .el-menu {
            border: none;
            background: none;
            height: 100%;
        }
    }
    .noSecondNav .hideSidebar .main-container {
        margin-left: 60px;
    }
    .noSecondNav .sidebar-container>i {
        display: none
    }
    .hideSidebar {
        .sidebar-container {
            width: 79px
        }
        .nav-f {
            width: 60px !important;
            dt {
                width: 20px
            }
            dd {
                margin-left: -10px;
                width: 40px
            }
        }
        .nav-s {
            display: none;
        }
        .main-container {
            margin-left: 60px;
        }
        .submenu-title-noDropdown {
            padding-left: 10px !important;
            position: relative;
            .el-tooltip {
                padding: 0 10px !important;
            }
        }
        .el-submenu {
            overflow: hidden;
            &>.el-submenu__title {
                padding-left: 10px !important;
            }
        }
        .el-menu--collapse {
            .el-submenu {
                &>.el-submenu__title {
                    &>span {
                        height: 0;
                        width: 0;
                        overflow: hidden;
                        visibility: hidden;
                        display: inline-block;
                    }
                }
            }
        }
    }
    .showSecondBar {
        .sidebar-container {
            width: 180px
        }
        // .sidebar-container{width:224px}
        .nav-s {
            display: block
        }
        .main-container {
            margin-left: 224px;
        }
        .sidebar-container>i {
            position: absolute;
            top: 50%;
            width: 18px;
            height: 54px;
            transition: all .3s;
            cursor: pointer;
            display: inline-block;
            margin-top: -27px;
            right: 0
        }
    }
    .sidebar-container .nest-menu .el-submenu>.el-submenu__title .sidebar-container .el-submenu .el-menu-item {
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        min-width: 120px !important;
        // min-width: 140px !important;
        color: #fff;
        &:hover {
            color: $elm_theme-color;
        }
    }
    .el-menu--collapse .el-menu .el-submenu {
        min-width: 140px !important;
        font-size: 12px;
    }
    .withoutAnimation {
        .main-container,
        .sidebar-container {
            transition: none;
        }
    }
}

.openSecond {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 54px;
    transition: all .3s;
    cursor: pointer;
    background: url("http://snt-oss-yunzao-daily.oss-cn-hangzhou.aliyuncs.com/menu/closeallIconRevision.png") center center/contain no-repeat;
    transform: rotateY(180deg);
    display: inline-block;
    margin-top: -17px;
    left: 0px;
    z-index: 10000
}


/*定义滚动条高宽及背景*/

.sidebar-container ::-webkit-scrollbar {
    width: 6px;
}